html,body{
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.loading{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background: #1b1b20;
}
.div_2{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.div_tu{
	width: 200%;
	position: absolute;
	top: 59%;
	left: -64%;
	transform: scale(3.5);
}

.div_2_animation{
	animation: sf01 2s ease 0s both;
	-webkit-animation: sf01 2s ease 0s both;
}

.div_dij{
	position: absolute;
    top: 74%;
    left:41%;
    width: 50px;
    height: 50px;
    opacity: 0;
}
.div_dij_animation{
	animation: xians 1s linear 5s both;
	-webkit-animation: xians 1s linear 5s both;
}
.shou{
	position: absolute;
	top: 24px;
	left: 18px;
}
.ball{
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -10px;
	margin-left: -10px;
	background: #5ce8f9;
	border-radius: 50%;
	opacity: 0.8;
}
.ball-scale{
	animation: ball-scale 1s ease-in-out 0s infinite;
	-webkit-animation: ball-scale 1s ease-in-out 0s infinite ;
	background-color: #5ce8f9;
    border-radius: 100%;
    display: inline-block;
    height: 50px;
    width: 50px;   
}
.xs{
	animation: xs 1s ease 0s both;
	-webkit-animation: xs 1s ease 0s both;
}
.div_2_wezi{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.div_2_wezi_1{
	width: 100%;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.curr .div_2_wezi_1{
	animation: wenz1 5s linear 0s both;
	-webkit-animation: wenz1 5s linear 0s both;
}
.div_2_wezi_2{
	width: 100%;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.curr .div_2_wezi_2{
	animation: wenz1 5s linear 1s both;
	-webkit-animation: wenz1 5s linear 1s both;
}
/*第二页*/
.div_ren{
	width: 200%;
	position: absolute;
	bottom: -110%;
	left: -40%;
	overflow: hidden;
}
.div_ren1{
	position: absolute;
	left: 0;
	top: 0;
}
.div_ren2{
	position: absolute;
	left: -14%;
	top: 0;
	opacity: 0;
}
.div_ren3{
	position: absolute;
	left: -14%;
	top: 0;
	opacity: 0;
}
.div_ren4{
	position: absolute;
	left: -14%;
	top: 0;
}

.div_ren_animation{
	animation: sf02 1.5s ease 0.5s both;
	-webkit-animation: sf02 1.5s ease 0.5s both;
}
.div_3_wezi{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.div_3_wezi_1{
	height: 100%;
	width: 0;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;	
}
.page .div_3_wezi_1{
	animation: wenz2 5s linear 2s both;
	-webkit-animation: wenz2 5s linear 2s both;
}
.div_3_wezi_2{
	width: 0%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.page .div_3_wezi_2{
	animation: wenz2 5s linear 4s both;
	-webkit-animation: wenz2 5s linear 4s both;
}
.div_dij1{
	position: absolute;
    top: 42%;
    left:52%;
    width: 50px;
    height: 50px;
    opacity: 0;
}
.div_dij1_animation{
	animation: xians 1s linear 8s both;
	-webkit-animation: xians 1s linear 8s both;
}
/*第三页*/
.div_4{
	position: absolute;
	bottom: 32%;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.div_4_img{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.div_4_animation{
	animation: sy 1s linear 1s both;
	-webkit-animation: sy 1s linear 1s both;
}
.div_4_animation1{
	animation: sy1 2s linear 3s both;
	-webkit-animation: sy1 2s linear 3s both;
}
.div_4_animation2{
	animation: sy2 2s linear 3s both;
	-webkit-animation: sy2 2s linear 3s both;
}
.div_4_animation3{
	animation: sy3 2s linear 3s both;
	-webkit-animation: sy3 2s linear 3s both;
}

/*第四页*/
.div_4_wezi{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.div_4_wezi_1{
	height: 100%;
	width: 0;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;	
}
.page .div_4_wezi_1{
	animation: wenz2 5s linear 6s both;
	-webkit-animation: wenz2 5s linear 6s both;
}
.div_4_wezi_2{
	width: 0%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.page .div_4_wezi_2{
	animation: wenz2 5s linear 8s both;
	-webkit-animation: wenz2 5s linear 8s both;
}
.div_dij2_animation{
	animation: xians 1s linear 12s both;
	-webkit-animation: xians 1s linear 12s both;
}
.div_dij2{
	position: absolute;
    top: 9%;
    left:50%;
    width: 50px;
    height: 50px;
    opacity: 0;
}
/*第五页*/
.div_5_animtion{
	animation: yd3 4s linear 1s both;
	-webkit-animation: yd3 4s linear 1s both;
}
.div_5_animtion1{
	animation: yd1 4s linear 1s both;
	-webkit-animation: yd1 4s linear 1s both;
}
.div_5_animtion2{
	animation: yd2 3s linear 1s both;
	-webkit-animation: yd2 3s linear 1s both;
}

/*第六页*/
.div_6_animtion{
	animation: cnm 2s linear 1s both;
	-webkit-animation: cnm 2s linear 1s both;
}
.div_6_animtion1{
	animation: cnm1 2s linear 1s both;
	-webkit-animation: cnm1 2s linear 1s both;
}
.div_5_wezi{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.div_5_wezi_1{
	height: 0%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;	
}
.page .div_5_wezi_1{
	animation: wenz1 5s linear 2s both;
	-webkit-animation: wenz1 5s linear 2s both;
}
.div_5_wezi_2{
	width: 100%;
	height: 0%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.page .div_5_wezi_2{
	animation: wenz1 5s linear 3s both;
	-webkit-animation: wenz1 5s linear 3s both;
}
.div_dij3{
	position: absolute;
    bottom: 9%;
    left:64%;
    width: 50px;
    height: 50px;
    opacity: 0;
}
.div_dij3_animation{
	animation: xians 1s linear 6s both;
	-webkit-animation: xians 1s linear 6s both;
}
/*第七页*/
.div_h1{
	width: 100%;
	height: 100%;
	background: rgba(18,18,18,0.3);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	overflow: hidden;
}
.div_h1_1{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.div_h1_2{
	position: absolute;
	top: -80%;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.div_h1_3{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 10%;
	overflow: hidden;
}
.page .div_h1_3{
	animation: h1 5s linear 1s both;
	-webkit-animation: h1 5s linear 1s both;
}
.page .div_h1_2{
	animation: h2 4.5s linear 1s both;
	-webkit-animation: h2 4.5s linear 1s both;
}

/*背景图缩放*/
@keyframes sf01 {
  from {
  	transform: scale(3.5);
  	-webkit-transform: scale(3.5);
  	top: 59%;
	left: -64%;
  }
  to {
  	transform: scale(1.27);
  	-webkit-transform: scale(1.27);
  	top: 10%;
	left: -15%;
  }
}
@-webkit-keyframes sf01 {
  from {
  	transform: scale(3.5);
  	-webkit-transform: scale(3.5);
  	top: 59%;
	left: -64%;
  }
  to {
  	transform: scale(1.27);
  	-webkit-transform: scale(1.27);
  	top: 10%;
	left: -15%;
  }
}
@-moz-keyframes sf01 {
  from {
  	transform: scale(3.5);
  	-webkit-transform: scale(3.5);
  	top: 59%;
	left: -64%;
  }
  to {
  	transform: scale(1.27);
  	-webkit-transform: scale(1.27);
  	top: 10%;
	left: -15%;
  }
}

@keyframes sf02 {
  from {
  	transform: scale(1);
  	-webkit-transform: scale(1);
  	bottom: -110%;
  }
  to {
  	transform: scale(0.5);
  	-webkit-transform: scale(0.5);
  	bottom: -35%;
  }
}
@-webkit-keyframes sf02 {
  from {
  	transform: scale(1);
  	-webkit-transform: scale(1);
  	bottom: -110%;
  }
  to {
  	transform: scale(0.5);
  	-webkit-transform: scale(0.5);
  	bottom: -35%;
  }
}
@-moz-keyframes sf02 {
  from {
  	transform: scale(1);
  	-webkit-transform: scale(1);
  	bottom: -110%;
  }
  to {
  	transform: scale(0.5);
  	-webkit-transform: scale(0.5);
  	bottom: -35%;
  }
}
/*小手点击*/
@keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    			     opacity: 0; 
    	}
}
@-webkit-keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
                     opacity: 0; 
        }
}
@-moz-keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    				 opacity: 0;
    	}
}
@keyframes xians {
  from {
  	opacity: 0;
  }
  to {
  	opacity: 1;
  }
}
@-webkit-keyframes xians {
  from {
  	opacity: 0;
  }
  to {
  	opacity: 1;
  }
}
@-moz-keyframes xians {
  from {
  	opacity: 0;
  }
  to {
  	opacity: 1;
  }
}
@keyframes xs {
  from {
  	opacity: 1;
  }
  to {
  	opacity: 0;
  }
}
@-webkit-keyframes xs {
  from {
  	opacity: 1;
  }
  to {
  	opacity: 0;
  }
}
@-moz-keyframes xs {
  from {
  	opacity: 1;
  }
  to {
  	opacity: 0;
  }
}
/*文字显示*/
@keyframes wenz1 {
  from {
  	height: 0;
  }
  to {
  	height: 100%;
  }
}
@-webkit-keyframes wenz1 {
  from {
  	height: 0;
  }
  to {
  	height: 100%;
  }
}
@-moz-keyframes wenz1 {
  from {
  	height: 0;
  }
  to {
  	height: 100%;
  }
}

@keyframes wenz2 {
  from {
  	width: 0;
  }
  to {
  	width: 100%;
  }
}
@-webkit-keyframes wenz2 {
  from {
  	width: 0;
  }
  to {
  	width: 100%;
  }
}
@-moz-keyframes wenz2 {
  from {
  	width: 0;
  }
  to {
  	width: 100%;
  }
}
/*第三页动画*/
@keyframes sy {
  from {
  	opacity: 0;
  }
  to {
  	opacity: 1;
  }
}
@-webkit-keyframes sy {
  from {
  	opacity: 0;
  }
  to {
  	opacity: 1;
  }
}
@-moz-keyframes sy {
 from {
  	opacity: 0;
  }
  to {
  	opacity: 1;
  }
}
@keyframes sy1 {
  from {
  	bottom: 32%;
  }
  to {
  	bottom:0;
  }
}
@-webkit-keyframes sy1 {
  from {
  	bottom: 32%;
  }
  to {
  	bottom:0;
  }
}
@-moz-keyframes sy1 {
 from {
  	bottom: 32%;
  }
  to {
  	bottom:0;
  }
}
@keyframes sy2 {
  from {
  	transform: scale(1.27);
  	-webkit-transform: scale(1.27);
  	top: 10%;
	left: -15%;
  }
  to {
  	transform: scale(1.27);
  	-webkit-transform: scale(1.27);
  	top: 42%;
	left: -15%;
  }
}
@-webkit-keyframes sy2 {
  from {
  	transform: scale(1.27);
  	-webkit-transform: scale(1.27);
  	top: 10%;
	left: -15%;
  }
  to {
  	transform: scale(1.27);
  	-webkit-transform: scale(1.27);
  	top: 42%;
	left: -15%;
  }
}
@-moz-keyframes sy2 {
 from {
  	transform: scale(1.27);
  	-webkit-transform: scale(1.27);
  	top: 10%;
	left: -15%;
  }
  to {
  	transform: scale(1.27);
  	-webkit-transform: scale(1.27);
  	top: 42%;
	left: -15%;
  }
}

@keyframes sy3 {
  from {
  	transform: scale(0.5);
  	-webkit-transform: scale(0.5);
  	bottom: -35%;
  }
  to {
  	transform: scale(0.5);
  	-webkit-transform: scale(0.5);
  	bottom: -67%;
  }
}
@-webkit-keyframes sy3 {
  from {
  	transform: scale(0.5);
  	-webkit-transform: scale(0.5);
  	bottom: -35%;
  }
  to {
  	transform: scale(0.5);
  	-webkit-transform: scale(0.5);
  	bottom: -67%;
  }
}
@-moz-keyframes sy3 {
  from {
  	transform: scale(0.5);
  	-webkit-transform: scale(0.5);
  	bottom: -35%;
  }
  to {
  	transform: scale(0.5);
  	-webkit-transform: scale(0.5);
  	bottom: -67%;
  }
}
@keyframes yd2 {
  0% {
  	bottom: 0%;
  	opacity: 1;
  }
  67% {
  	bottom:32%;
  	opacity: 0;
  }
  100% {
  	opacity: 0;
  }
}
@-webkit-keyframes yd2 {
  0% {
  	bottom: 0%;
  }
  67% {
  	bottom:32%;
  	opacity: 1;
  }
  100% {
  	opacity: 0;
  }
}
@-moz-keyframes yd2 {
  0% {
  	bottom: 0%;
  }
  67% {
  	bottom:32%;
  	opacity: 1;
  }
  100% {
  	opacity: 0;
  }
}
/*第五页*/
@keyframes yd3 {
  0% {
  	transform: scale(0.5);
  	-webkit-transform: scale(0.5);
  	bottom: -67%;
  	left: -40%;
  }
  50% {
  	transform: scale(0.5);
  	-webkit-transform: scale(0.5);
  	bottom: -35%;
  	left: -40%;
  }
  100% {
  	transform: scale(0.5);
  	-webkit-transform: scale(0.5);
  	bottom: -35%;
  	left: -81%;
  }
}
@-webkit-keyframes yd3 {
  0% {
  	transform: scale(0.5);
  	-webkit-transform: scale(0.5);
  	bottom: -67%;
  	left: -40%;
  }
  50% {
  	transform: scale(0.5);
  	-webkit-transform: scale(0.5);
  	bottom: -35%;
  	left: -40%;
  }
  100% {
  	transform: scale(0.5);
  	-webkit-transform: scale(0.5);
  	bottom: -35%;
  	left: -81%;
  }
}
@-moz-keyframes yd3 {
  0% {
  	transform: scale(0.5);
  	-webkit-transform: scale(0.5);
  	bottom: -67%;
  	left: -40%;
  }
  50% {
  	transform: scale(0.5);
  	-webkit-transform: scale(0.5);
  	bottom: -35%;
  	left: -40%;
  }
  100% {
  	transform: scale(0.5);
  	-webkit-transform: scale(0.5);
  	bottom: -35%;
  	left: -81%;
  }
}

@keyframes yd1 {
  0% {
  	transform: scale(1.27);
  	-webkit-transform: scale(1.27);
  	top: 42%;
	left: -15%;
  }
  50% {
  	transform: scale(1.27);
  	-webkit-transform: scale(1.27);
  	top: 10%;
	left: -15%;
  }
  100%{
  	transform: scale(1.27);
  	-webkit-transform: scale(1.27);
  	top: 10%;
	left: -56%;
  }
}
@-webkit-keyframes yd1 {
  0% {
  	transform: scale(1.27);
  	-webkit-transform: scale(1.27);
  	top: 42%;
	left: -15%;
  }
  50% {
  	transform: scale(1.27);
  	-webkit-transform: scale(1.27);
  	top: 10%;
	left: -15%;
  }
  100%{
  	transform: scale(1.27);
  	-webkit-transform: scale(1.27);
  	top: 10%;
	left: -56%;
  }
}
@-moz-keyframes yd1 {
  0% {
  	transform: scale(1.27);
  	-webkit-transform: scale(1.27);
  	top: 42%;
	left: -15%;
  }
  50% {
  	transform: scale(1.27);
  	-webkit-transform: scale(1.27);
  	top: 10%;
	left: -15%;
  }
  100%{
  	transform: scale(1.27);
  	-webkit-transform: scale(1.27);
  	top: 10%;
	left: -56%;
  }
}

@keyframes yd4 {
  from {
  	opacity: 1;
  }
  to {
  	opacity: 0;
  }
}
@-webkit-keyframes yd4 {
  from {
  	opacity: 1;
  }
  to {
  	opacity: 0;
  }
}
@-moz-keyframes yd4 {
  from {
  	opacity: 1;
  }
  to {
  	opacity: 0;
  }
}
/*第六页*/
@keyframes cnm {
  0% {
  	transform: scale(1.27);
  	-webkit-transform: scale(1.27);
  	top: 10%;
	left: -56%;
  }
  100%{
  	transform: scale(2.3);
  	-webkit-transform: scale(2.3);
  	top: -23%;
	left: -80%;
  }
}
@-webkit-keyframes cnm {
  0% {
  	transform: scale(1.27);
  	-webkit-transform: scale(1.27);
  	top: 10%;
	left: -56%;
  }
  100%{
  	transform: scale(2.3);
  	-webkit-transform: scale(2.3);
  	top: -23%;
	left: -80%;
  }
}
@-moz-keyframes cnm {
  0% {
  	transform: scale(1.27);
  	-webkit-transform: scale(1.27);
  	top: 10%;
	left: -56%;
  }
  100%{
  	transform: scale(2.3);
  	-webkit-transform: scale(2.3);
  	top: -23%;
	left: -80%;
  }
}

@keyframes cnm1 {
  0% {
  	transform: scale(0.5);
  	-webkit-transform: scale(0.5);
  	bottom: -35%;
  	left: -81%;
  }
  100% {
  	transform: scale(1);
  	-webkit-transform: scale(1);
  	bottom: -20%;
  	left: -130%;
  }
}
@-webkit-keyframes cnm1 {
  0% {
  	transform: scale(0.5);
  	-webkit-transform: scale(0.5);
  	bottom: -35%;
  	left: -81%;
  }
  100% {
  	transform: scale(1);
  	-webkit-transform: scale(1);
  	bottom: -30%;
  	left: -130%;
  }
}
@-moz-keyframes cnm1 {
  0% {
  	transform: scale(0.5);
  	-webkit-transform: scale(0.5);
  	bottom: -35%;
  	left: -81%;
  }
  100% {
  	transform: scale(1);
  	-webkit-transform: scale(1);
  	bottom: -20%;
  	left: -130%;
  }
}
/*花卷*/
@keyframes h1 {
  0% {
  	height: 10%;
  }
  100% {
  	height: 100%;
  }
}
@-webkit-keyframes h1 {
  0% {
  	height: 10%;
  }
  100% {
  	height: 100%;
  }
}
@-moz-keyframes h1 {
  0% {
  	height: 10%;
  }
  100% {
  	height: 100%;
  }
}
@keyframes h2 {
  0% {
  	top: -80%;
  }
  100% {
  	top: 0%;
  }
}
@-webkit-keyframes h2 {
  0% {
  	top: -80%;
  }
  100% {
  	top: 0%;
  }
}
@-moz-keyframes h2 {
  0% {
  	top: -80%;
  }
  100% {
  	top: 0%;
  }
}

@media (min-width: 320px) and (max-width: 360px) {
	.div_ren {  width: 200%;  position: absolute;  bottom: -130%;  left: -40%;  overflow: hidden;}
	.div_h1_2{position: absolute;top: -85%;left: 0;width: 100%;height: 100%;overflow: hidden;}
	.div_h1_3{position: absolute;top: 0;left: 0;width: 100%;height: 12%;overflow: hidden;}
	.page .div_h1_2{animation: h2 5s linear 1s both;-webkit-animation: h2 5s linear 1s both;}
	@keyframes sf02 {
	  from {
	  	transform: scale(1);
	  	-webkit-transform: scale(1);
	  	bottom: -160%;
	  }
	  to {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -45%;
	  }
	}
	@-webkit-keyframes sf02 {
	  from {
	  	transform: scale(1);
	  	-webkit-transform: scale(1);
	  	bottom: -160%;
	  }
	  to {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -45%
	  }
	}
	@-moz-keyframes sf02 {
	  from {
	  	transform: scale(1);
	  	-webkit-transform: scale(1);
	  	bottom: -160%;
	  }
	  to {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -45%
	  }
	}
	
	@keyframes sy3 {
	  from {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -45%;
	  }
	  to {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -77%;
	  }
	}
	@-webkit-keyframes sy3 {
	  from {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -45%;
	  }
	  to {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -77%;
	  }
	}
	@-moz-keyframes sy3 {
	  from {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -45%;
	  }
	  to {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -77%;
	  }
	}
	
	@keyframes yd3 {
	  0% {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -77%;
	  	left: -40%;
	  }
	  50% {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -45%;
	  	left: -40%;
	  }
	  100% {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -45%;
	  	left: -81%;
	  }
	}
	@-webkit-keyframes yd3 {
	  0% {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -77%;
	  	left: -40%;
	  }
	  50% {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -45%;
	  	left: -40%;
	  }
	  100% {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -45%;
	  	left: -81%;
	  }
	}
	@-moz-keyframes yd3 {
	  0% {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -77%;
	  	left: -40%;
	  }
	  50% {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -45%;
	  	left: -40%;
	  }
	  100% {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -45%;
	  	left: -81%;
	  }
	}
	@keyframes cnm1 {
	  0% {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -45%;
	  	left: -81%;
	  }
	  100% {
	  	transform: scale(1);
	  	-webkit-transform: scale(1);
	  	bottom: -30%;
	  	left: -130%;
	  }
	}
	@-webkit-keyframes cnm1 {
	  0% {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -45%;
	  	left: -81%;
	  }
	  100% {
	  	transform: scale(1);
	  	-webkit-transform: scale(1);
	  	bottom: -30%;
	  	left: -130%;
	  }
	}
	@keyframes h2 {
	  0% {
	  	top: -85%;
	  }
	  100% {
	  	top: 0%;
	  }
	}
	@-webkit-keyframes h2 {
	  0% {
	  	top: -85%;
	  }
	  100% {
	  	top: 0%;
	  }
	}
	@-moz-keyframes h2 {
	  0% {
	  	top: -85%;
	  }
	  100% {
	  	top: 0%;
	  }
	}
	@keyframes h1 {
	  0% {
	  	height: 12%;
	  }
	  100% {
	  	height: 100%;
	  }
	}
	@-webkit-keyframes h1 {
	  0% {
	  	height: 12%;
	  }
	  100% {
	  	height: 100%;
	  }
	}
	@-moz-keyframes h1 {
	  0% {
	  	height: 12%;
	  }
	  100% {
	  	height: 100%;
	  }
	}
	
}
@media (min-width: 320px) and (min-height: 504px) {
	.div_ren{width: 200%;position: absolute;bottom: -110%;left: -40%;overflow: hidden;}
	.div_h1_2{position: absolute;top: -81%;left: 0;width: 100%;height: 100%;overflow: hidden;}
	.div_h1_3{position: absolute;top: 0;left: 0;width: 100%;height: 11%;overflow: hidden;}
	.page .div_h1_2{animation: h2 4.6s linear 1s both;-webkit-animation: h2 4.6s linear 1s both;}
	@keyframes sf02 {
	  from {
	  	transform: scale(1);
	  	-webkit-transform: scale(1);
	  	bottom: -110%;
	  }
	  to {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -35%;
	  }
	}
	@-webkit-keyframes sf02 {
	  from {
	  	transform: scale(1);
	  	-webkit-transform: scale(1);
	  	bottom: -110%;
	  }
	  to {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -35%;
	  }
	}
	@-moz-keyframes sf02 {
	  from {
	  	transform: scale(1);
	  	-webkit-transform: scale(1);
	  	bottom: -110%;
	  }
	  to {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -35%;
	  }
	}
	
  	@keyframes sy3 {
	  from {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -35%;
	  }
	  to {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -67%;
	  }
	}
	@-webkit-keyframes sy3 {
	  from {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -35%;
	  }
	  to {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -67%;
	  }
	}
	@-moz-keyframes sy3 {
	  from {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -35%;
	  }
	  to {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -67%;
	  }
	}
	@keyframes yd3 {
	  0% {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -67%;
	  	left: -40%;
	  }
	  50% {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -35%;
	  	left: -40%;
	  }
	  100% {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -35%;
	  	left: -81%;
	  }
	}
	@-webkit-keyframes yd3 {
	  0% {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -67%;
	  	left: -40%;
	  }
	  50% {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -35%;
	  	left: -40%;
	  }
	  100% {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -35%;
	  	left: -81%;
	  }
	}
	@-moz-keyframes yd3 {
	  0% {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -67%;
	  	left: -40%;
	  }
	  50% {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -35%;
	  	left: -40%;
	  }
	  100% {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -35%;
	  	left: -81%;
	  }
	}
	@keyframes cnm1 {
	  0% {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -35%;
	  	left: -81%;
	  }
	  100% {
	  	transform: scale(1);
	  	-webkit-transform: scale(1);
	  	bottom: -20%;
	  	left: -130%;
	  }
	}
	@-webkit-keyframes cnm1 {
	  0% {
	  	transform: scale(0.5);
	  	-webkit-transform: scale(0.5);
	  	bottom: -35%;
	  	left: -81%;
	  }
	  100% {
	  	transform: scale(1);
	  	-webkit-transform: scale(1);
	  	bottom: -20%;
	  	left: -130%;
	  }
	}
	@keyframes h2 {
	  0% {
	  	top: -81%;
	  }
	  100% {
	  	top: 0%;
	  }
	}
	@-webkit-keyframes h2 {
	  0% {
	  	top: -81%;
	  }
	  100% {
	  	top: 0%;
	  }
	}
	@-moz-keyframes h2 {
	  0% {
	  	top: -81%;
	  }
	  100% {
	  	top: 0%;
	  }
	}
	@keyframes h1 {
	  0% {
	  	height: 11%;
	  }
	  100% {
	  	height: 100%;
	  }
	}
	@-webkit-keyframes h1 {
	  0% {
	  	height: 11%;
	  }
	  100% {
	  	height: 100%;
	  }
	}
	@-moz-keyframes h1 {
	  0% {
	  	height: 11%;
	  }
	  100% {
	  	height: 100%;
	  }
	}
}